<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>OA人脸识别员工管理系统</title>
		<link rel="stylesheet" href="../layui/css/layui.css">
	</head>
	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-layout layui-layout-admin">
				
				<div class="layui-body">
					<!-- 内容主体区域 -->
					<div class="layui-container">
						<div class="layui-row">
							<div class="layui-col-md7 layui-col-md-offset">
								<h2 style="padding: 15px;">员工添加</h2>
								<!-- 表单 -->
								<form class="layui-form" action="">
									
									<div class="layui-form-item">
										<label class="layui-form-label">员工编号</label>
										<div class="layui-input-inline">
											<input type="text" class="layui-input" name="empid" placeholder="">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">员工姓名</label>
										<div class="layui-input-inline">
											<input type="text" class="layui-input" name="empname" placeholder="">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">员工性别</label>
										<div class="layui-input-block">
											<input type="radio" name="sex" value="男" title="男">
											<input type="radio" name="sex" value="女" title="女">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">员工职位</label>
										<div class="layui-input-block">
											<input type="radio" name="post" value="普通员工" title="普通员工">
											<input type="radio" name="post" value="经理" title="经理">
											<input type="radio" name="post" value="总裁" title="总裁">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">入职时间</label>
										<div class="layui-input-block">
											<div class="layui-inline">
												<div class="layui-input-inline">
													<input type="text" name="start_time" class="layui-input laydate" id="start_time" placeholder="">
												</div>
											</div>
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">月薪工资</label>
										<div class="layui-input-inline">
											<input type="text" class="layui-input" name="salary" placeholder="" value="">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">用户名</label>
										<div class="layui-input-inline">
											<input type="text" class="layui-input" name="username" placeholder="" value="">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">密码</label>
										<div class="layui-input-inline">
											<input type="text" class="layui-input" name="userpwd" placeholder="" value="">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">部门编号</label>
										<div class="layui-input-inline">
											<select name="dept" lay-verify="">
											  <option value="">请选择部门编号</option>
											  <option value="">A-开发部</option>
											  <option value="">B-技术部</option>
											  <option value="">C-人事部</option>
											  <option value="">D-保卫科</option>
											  <option value="">E-销售部</option>
											  <option value="">F-公共部</option>
											</select>     
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">上级经理ID</label>
										<div class="layui-input-inline">
											<select name="dept" lay-verify="">
											  <option value="">请选择经理ID</option>
											  <option value="">A101</option>
											  <option value="">B101</option>
											  <option value="">C101</option>
											  <option value="">D101</option>
											  <option value="">E101</option>
											  <option value="">F101</option>
											</select>     
										</div>
									</div>
									<div class="layui-form-item">
										<div class="layui-input-block">
											<button class="layui-btn" lay-submit lay-filter="formDemo">立即添加</button>
											<button type="reset" class="layui-btn layui-btn-primary">重置</button>
										</div>
									</div>
								</form>
								<!-- 表单结束 -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<script src="../layui/layui.js"></script>
			<script>
				//入职日期时间范围
				layui.use('laydate', function() {
					var laydate = layui.laydate;
					//var nowTime=new Date();
					//执行一个laydate实例
					laydate.render({
						elem: '#start_time', //指定元素
						type: 'datetime', //时间日期选择器
						theme: '#0DB6F5', //颜色选取
						calendar: true, //节日显示
						btns: ['confirm'],
						min: -7,
						max: 7, //当前时间
					});
				});
				
				//JavaScript代码区域
				layui.use('element', function() {
					var element = layui.element;
				});
				//表单js部分
				//Demo
				layui.use('form', function() {
					var form = layui.form;
					//监听提交
					form.on('submit(formDemo)', function(data) {
						layer.msg(JSON.stringify(data.field));
						return false;
					});
				});
			</script>
	</body>
</html>
